<template>
    <span>
        <template v-if="action == 'table' ">
            {{value}}
        </template>
        <template v-if="action == 'edit' ">
            <el-time-picker
                    :value="value"
                    type="time"
                    v-on="$listeners"
                    value-format="HH:mm:ss"
                    placeholder="选择时间">
            </el-time-picker>
        </template>
        <template v-if="action == 'search'">
            <el-time-picker
                    style="width:100%"
                    :value="value"
                    v-on="$listeners"
                    type="daterange"
                    value-format="HH:mm:ss"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期"
                    placeholder="选择时间">
            </el-time-picker>
         </template>
    </span>
</template>
<script>
    import base from './base.js';
    export default {
        extends:base,
        props: {
        },
        data() {
            return {
                searchModel:'range',
            }
        },
    }
</script>
<style>
</style>